.postField{
    border-width: 1px; 
    border-style: solid; 
    border-color: rgb(217, 217, 217);
    padding : 20px 20px 20px 20px; 
    text-align: right;
} 

.postField .dailogPost{
    width: 100%;
     height: 80px; 
     margin-bottom: 20px;
}

.chatContent{
    /* display: flex; 
    justify-content: space-around;  */
    border-style: solid; 
    border-width: 1px; 
    margin-top: 20px;
    border-color: rgb(217, 217, 217);
}

.dialogOwnerCondition {
    display: flex; 
    justify-content: space-around; 
}

.chatContent .dialogOwnerCondition .speaker-reverse{
    flex: 1; 
    border: 1px; 
    border-left-style: solid;  
    border-color: rgb(217, 217, 217);
    /* background-color: gray;
    color : white; */
    padding : 1% 1% 1% 1%; 
}

.chatContent .dialogOwnerCondition .speaker{
    flex: 1; 
    border: 1px; 
    border-right-style: solid;  
    border-color: rgb(217, 217, 217);
    /* background-color: gray;
    color : white; */
    padding : 1% 1% 1% 1%; 
}

.chatContent .dialogOwnerCondition .dailog{
    flex: 7; 
    padding : 1% 1% 1% 1%; 
}

